.root {
  margin-top: calc(var(--mantine-spacing-xl) * 1.5);
  margin-bottom: var(--mantine-spacing-lg);

  & > p {
    line-height: 1.65;
    font-size: 15px;
  }

  /* Considered to be a heading of the info */
  & > p > strong:only-child {
    font-family: var(--docs-font-primary);
    font-size: var(--mantine-font-size-lg);
    color: var(--mantine-color-bright);

    & > code {
      font-size: 80%;
    }
  }

  & > p:first-of-type {
    margin-top: 0;
  }

  & > p:last-of-type {
    margin-bottom: 0;
  }

  & :global(.mantine-Code-root) {
    background-color: light-dark(var(--docs-bq-code-bg-light), var(--docs-bq-code-bg-dark));
  }

  & :global(.mantine-CodeHighlight-root) {
    margin-top: var(--mantine-spacing-md);
    background-color: var(--mantine-color-body);
  }
}

.icon {
  width: 28px;
  height: 28px;
}
